<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<h1>34567894</h1>
		<img class='index' src="./images/1.svg" >
		
	</body>
	
	<script src="js/zoom.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		imgZoom('.index')
		
	</script>
	<style type="text/css">
		.index{
			width: 100%;
			top:100px;
			left: 100px;
		}
		#ZOOM{
			border: 2px black solid;
			position: absolute;
			height: 100px;
			width: 100px;
			overflow: hidden;
			z-index: 100000001;
		}
		#ZOOM-pic{
			 border: 1px black dashed;
			position: relative;
			z-index: 100000000;
		}
	</style>
</html>
